<div class="row">
    <div class="col-md-12 baCardbox">

        <ba-card title="" baCardClass="with-scroll">
            <div class="col-sm-2 edtorlabel ideatag">
                <label>Idea</label>
            </div>
            <div class="col-sm-10 contentrow editor">
                <input type="text" [(ngModel)]="title" class="chkeditorIdeaContent form-control" (keypress)="onKeyPressUser($event)"/>
            </div>

            <div class="col-sm-2">
                <p class="editorlabel"><label class="description">Description</label></p>
            </div>
            <div class="col-sm-10 contentrow" [ngClass]="{'chkeditornoSuggestion': !cloudContentSuggestion.length}">
                <ckeditor debounce="500" (ready)="onReady($event)" #ckEditor [(ngModel)]="Content"
                          class="chkeditorDescriptionContent" [config]="config"></ckeditor>
                <div class="citationTree" *ngIf="cloudContentSuggestion.length>0">
                    <div *ngFor="let cloudContent of cloudContentSuggestion"
                         (click)="putSuggestion(cloudContent.content)">{{cloudContent.content}}
                    </div>
                </div>
            </div>
            <div class="col-sm-12 spacebetweendiv"></div>
            <div class="col-sm-12" *ngIf="cloudContentSuggestionWords.length > 0">
                <div class="col-sm-2 idearow ckeditcol">
                    <p class="editorlabel"><label class="categorytag">Keywords</label></p>
                </div>
                <div class="col-sm-10 contentrow citedwords">
                    <div class="citationtreestructures">
                        <div *ngFor="let CitationtreeWord of cloudContentSuggestionWords"
                             (click)="getTreeStructure(CitationtreeWord)">{{CitationtreeWord}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-2 idearow">
                <p class="editorlabel"><label class="categorytag">Category</label></p>
            </div>
            <div class="col-sm-10 contentrow">
                <rl-tag-input (keyup.enter)="isMaxtagReached()" addOnPaste="isMaxtagReached()"
                              (ngModelChange)="isMaxtagReached()" [(ngModel)]="tags" placeholder="Enter Tags"
                              class="chkeditorTaginput">

                </rl-tag-input>
                <span class="notification" *ngIf="maxTag">You can tag maximum 5 item</span>

            </div>

            <div class="col-sm-2">
            </div>
            <div class="col-sm-10 postButtonMargin">
                <button class="btn btn-default btn-auth postbutton lgn" tooltip="Post a Idea" type="submit"
                        (click)="fillKeywords(id,title,Content,tags)">Submit
                </button>
            </div>
        </ba-card>

    </div>
</div>
<div class="citationTreedialogs">
    <modal #citationTree>
        <modal-header>
            <div id="tree-simple" style="width:100%; height: 100%;"></div>
        </modal-header>
    </modal>
</div>
